/* eslint-disable */
<template>
  <div class="home">
    <!-- 导航栏 -->
    <NavHeader></NavHeader>
    <!-- 导航栏END -->

    <!-- 导航列表 -->
    <NavList></NavList>
    <!-- 导航列表END -->

    <!-- 今日热点 -->
    <HotStockets></HotStockets>
    <!-- 今日热点 -->

    <!-- 热帖 -->
    <Article></Article>
  </div>
</template>

<script>
// @ is an alias to /src
import NavHeader from "@/components/NavHeader.vue";
import NavList from "@/components/NavList.vue";
import HotStockets from "@/components/HotStockets.vue";
import Article from "@/components/Article.vue";

export default {
  name: "Home",
  components: {
    NavHeader,
    NavList,
    HotStockets,
    Article,
  },
};
</script>

<style>
#d1 {
  width: 200px;
  height: 200px;
  background: skyblue;
}
#d2 {
  width: 2rem;
  height: 2rem;
  background: skyblue;
}
</style>
